<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    @include('admin.public.style')
    @include('admin.public.script')
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- 配置文件 -->
    <script type="text/javascript" src="/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="/ueditor/ueditor.all.js"></script>
    {{--    语言包--}}
    <script type="text/javascript" src="/ueditor/lang/zh-cn/zh-cn.js"></script>
</head>

<body>
<div class="x-body layui-anim layui-anim-up">
    <form class="layui-form"  id="art_form" style="margin-top: 50px">
        <input type="hidden" name="art_id" value="{{ $art->art_id }}">
        <div class="layui-form-item">
            <label for="L_email" class="layui-form-label">
                <span class="x-red">*</span>父级分类
            </label>
            <div class="layui-input-inline">
                <select name="cate_id">
                    <option value="0">==顶级分类==</option>
                    @foreach($cate as $v)
                        <option {{ $v->cate_id==$art->cate_id?"selected":"" }} value="{{ $v->cate_id }}">{{ $v->cate_name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="L_username" class="layui-form-label">
                <span class="x-red">*</span>文章标题
            </label>
            <div class="layui-input-block">
                <input type="text" id="L_username" value="{{ $art->art_title }}" name="art_title" required="" lay-verify=""
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="L_pass" class="layui-form-label">
                <span class="x-red">*</span>编辑
            </label>
            <div class="layui-input-inline">
                <input type="text" id="" value="{{ $art->art_editor }}" name="art_editor" required="" lay-verify=""
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label for="L_pass" class="layui-form-label">
                <span class="x-red">*</span>缩略图
            </label>
            <div class="layui-input-block layui-upload">
                <input type="hidden" class="hidden" id="img1" name="art_thumb" value="">
                <button type="button" class="layui-btn" id="btn">
                    <i class="layui-icon">&#xe67c;</i>上传图片
                </button>
                <input type="file" id="photoa_upload" name="photo" style="display: none"  class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label"></label>
            <div class="layui-input-block">
                <img src="{{ $art->art_thumb }}" alt="" id="art_thumb_img" style="width: 190px;height: 110px">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>关键词
            </label>
            <div class="layui-input-inline">
                <input type="text" id="" value="{{ $art->art_tag }}" name="art_tag" required="" lay-verify=""
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>文章内容
            </label>
            <div class="layui-input-block">
                {{--                加载百度编辑器--}}
                <script id="container" style="height: 500px" name="art_content" type="text/plain"></script>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
            </label>
            <button  class="layui-btn" lay-filter="edit" lay-submit="">
                修改
            </button>
        </div>
    </form>
</div>
<script>


</script>
<script>
    //实例化百度编辑器
    var ue = UE.getEditor('container');
    ue.ready(function() {
        //设置编辑器的内容
        ue.setContent('{{ $art->art_content }}');
    });

    layui.use(['form','layer','upload','element'], function(){
        $ = layui.jquery;
        var form = layui.form
            ,layer = layui.layer;
        var upload = layui.upload;
        var element = layui.element;

        $('#btn').on('click',function () {
            $("#photoa_upload").trigger('click');
            $("#photoa_upload").on('change',function () {
                var obj = this;

                var formData = new FormData($("#art_form")[0]);
                $.ajax({
                    url:'/admin/article/upload',
                    type:'post',
                    //因为data的值是FormData对象，不需要对数据处理
                    data:formData,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    processData:false,
                    contentType:false,
                    success:function (data) {
                        //console.log(data);
                        if(data['ServerNo']=='200'){
                            //如果成功
                            $("#art_thumb_img").attr('src','{{ env("ALIOSS_DOMAIN") }}'+data['ResultData']);
                            $('input[name=art_thumb]').val('{{ env("ALIOSS_DOMAIN") }}'+data['ResultData']);
                            $(obj).off('change');
                        }else{
                            //如果失败
                            alert(data['ResultData']);
                        }
                    },
                    error:function (XMLHttpRequest,textStatus,errorThrown) {
                        var number = XMLHttpRequest.status;
                        var info = '错误号'+number+'文件上传失败！';
                        alert(info);
                    },
                    async:true
                });
            });
        });

        var art_id = $("input[name='art_id']").val();
        //监听提交
        form.on('submit(edit)', function(data){
            //发异步，把数据提交给php
            $.ajax({
                type:'PUT',
                url:'/admin/article/'+art_id,
                dataType:'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data:data.field,
                success:function (data) {
                    //弹层提示添加成功，并刷新父页面
                    //console.log(data);
                    if(data.status==0){
                        layer.alert(data.message,{icon:6},function () {
                            parent.location.reload(true);
                        });
                    }else{
                        layer.alert(data.message,{icon:5});
                    }
                },
                error:function () {
                    //错误信息
                }
            });
            return false;
        });


    });
</script>
<script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        //hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();</script>
</body>

</html>
